<template>
  <div class="component_wrap">
    <el-button @click="openDialog">打开弹窗</el-button>
    <LssDialog
      ref="dialogRef"
      v-model="show"
      @confirm="handleConfirm"
      @cancel="handleCancel"
      width="500px"
    >
      <template #header>
        <h4>我是标题</h4>
      </template>
      <p>内容 This is a dialog content.</p>
    </LssDialog>
  </div>
</template>
<script setup lang="ts">
import { ref } from 'vue'

const show = ref(false)

const openDialog = () => {
  show.value = true
}

const handleConfirm = () => {
  console.log('Confirmed')
}

const handleCancel = () => {
  console.log('Canceled')
}
</script>

<style lang="scss" scoped></style>
